/* CSS Document */
.app_header{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
}

@media screen and (max-width :1366px){
.box{
	width:1200px;
	margin:auto;
	min-width:1200px;
}

	

/*#cms .newsli .img,#cms .newsli .right{height:420px;}*/

#cms .picli .img,#cms .picli .right{height:297px;}
#cms .picli .img{ width:55%;}
#cms .picli .right{ width:45%;}
.pro{ background-image:none;}
.pro .econtent .picli .right{ left:20px;}

 #nav ul li .node .img{ float:left; overflow:hidden; max-width:400px; overflow:hidden; }
 #nav ul li .node .img+ul{ float:right;width:calc(100% - 430px);}
}

@media screen and (max-width :1250px){
body{ min-width:1100px;}
.box{ width:1100px; min-width:1000px;}

#nav > ul > li { padding-right:20px; padding-left:20px;}
	#nav > ul> li>a:before{ left:-20px;}
	
	
/*#cms .newsli .img,#cms .newsli .right{height:380px;}
#cms .newsli .img{width:800px;}

#cms .newsli .right{width:calc(100% - 800px);}*/

/* #nav ul li .node .img{ float:left; overflow:hidden; max-width:350px; overflow:hidden; }
 #nav ul li .node .img+ul{ float:right;width:calc(100% - 380px);}*/
}
@media screen and (max-width :1150px){

body{ min-width:1000px;}
.box{ width:1000px;}

#header #nav{ font-size:16px}





/*.flash .swiper-slide img{ margin-left:-460px;}
.flash .swiper-slide a{ width:1000px; }*/


#header .logo{ width:280px; height:auto; }
#header .logo *{ max-width:100%;}

/*#cms .newsli .img,#cms .newsli .right{height:320px;}
#cms .newsli .img{width:750px;}
#cms .newsli .right{width:calc(100% - 750px);}*/
}



@media screen and (max-width :816px){


.banner .box img{ width:160%; margin-left:-30%;}

.banner .box { width:100%; min-width:0px;}


#header{ display:none}


#cms1,#cms2,#cms {min-height:0px;}

blockquote{ margin-left:10px; margin-right:10px;}
blockquote blockquote{ padding:0px; margin:auto;}
body{ overflow-x:hidden;
}

*,body,.box1,.box{ min-height:0px; min-width:0px;}

#cms *,#cms1 *{ max-width:100%; min-height:0px;}
#cms,#cms1{min-height:0px;}
.app_rt a{ color:#FFFFFF}

.app_top{ display:block}


.app_header{ display:block}
.app_top{ height:52px; float:left; width:100%;}
.app_top2,.app_top3{ height:0px;}
#pages,#right,.box{ max-width:100%; min-height:0px;}
.app_header{display:block;
	padding:0px 0; width:100%; float:left;
	height:auto;
	overflow:hidden;
	position: fixed;
	z-index: 22;display:block; top:0px; left:0px; height:50px; background-color:#f8700e;
}

.box,.box1,.box2{ max-width:98%;}


.app_header .app_logo{ width:220px;  float:left; padding-top:5px; margin-left:5px;}
.app_header .app_logo img{ max-width:100%;max-height:40px;}
	.app_header .morenav{ float:right; display:block; width:40px; height:40px; margin-top:5px; margin-right:10px; background-color:rgba(255,255,255,0.2); text-align:center; line-height:40px; font-weight:bold}

	.app_header .nav{height: 0; overflow: hidden; -webkit-transition: all .2s ease-in; transition: all .2s ease-in;position:relative;z-index:2; border-top:none;}
	.app_header .navon{height:72px;}




/*底部*/

/*内页*/

.gotop{bottom:80px;}



#cms1 h1.h1{ font-size:18px;}
#cms1 .content{font-size:14px;}


#cms1{ margin:0px; width:100%; position:relative;}


.flash .swiper-slide{ overflow:hidden;}
.flash .swiper-slide img{ width:100%; margin-left:0%;}



#cms .newsli2{ padding-top:10px; padding-bottom:10px; 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;} 
#cms .newsli2 .right{ padding-bottom:0px; border:none;}
 #cms .newsli2 .date{ display:none}
 
 #cms .newsli2 div.img{ width:120px; min-height:0px; position:relative; top:auto; right:auto; float:right}
 #cms .newsli2 div.img img{ min-height:60px;}
 #cms .newsli2 .right{
	 margin-left:0px; float:left; width:100%;}
	#cms .newsli2 .right .hc{margin-right:0px;width:calc(100% - 130px); float:left;}
	 #cms .newsli2 .right .share{ display:none}
	 #cms .newsli2 .right .dp{ min-height:0px; line-height:1.5; max-height:3em; overflow:hidden; display:none; }
	 #cms .newsli2 .right .ntitle{ font-size:18px;}
#cms .newsli2:hover{ background-color:#ffffff;}
/*#cms .newsli2 .right .img{ display:none}
#cms .newsli .box>.img{ float:left; clear:both; width:100%;}*/
/*.navnode + .intop { height:20px;}*/

#cms,#cms1{ padding-bottom:0px;}

/*.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:30px; left:20px;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet{
	width:80px;
	height:50px;
	border-width:2px; margin-left:5px; margin-right:5px; 
}*/
.nextpage>div{ float:left; width:100%; max-width:100%;}

/*内页列表*/
#cms .picli .right{ position:relative; width:100%; background-color:#666666; height:auto; }

#cms .picli .right .txt{ position:relative; padding:10px; width:100%; left:auto;}
#cms .picli .right .txt .ntitle{ font-size:18px;}
#cms .picli .right .txt .dp{ font-size:14px;}
#cms .picli .img{position:relative; width:100%; height:auto;}
#cms .picli .right img{ display:none}
#cms .picli .right img,#cms .picli .img img{ width:100%;}

#cms .newli3,#cms .picli,#cms .newsli{ width:48%;margin-top:10px; margin-bottom:10px; clear:none; float:left; margin-left:1%; margin-right:1%;}
#cms .newli3:nth-child(2n+1),#cms .picli:nth-child(2n+1),#cms .newsli:nth-child(2n+1){ clear:both;}

#cms .li .ntitle{width:calc(100% - 85px);}
#cms .li .date{ font-size:12px;}

#cms .newsli .right,#cms .newsli .img{ width:100%; height:auto; padding:10px;}
#cms .newsli .right .date { margin-top:0px;}
#cms .newsli .right .more{ margin-top:10px;Opacity:1; color:#666666;}
#cms .newsli:hover .more{ color:#FFFFFF; color:rgba(255,255,255,0.8);}

.contact{ padding-top:50px; padding-bottom:30px; width:100%;  }
.contactli{ padding-bottom:10px; padding-top:10px;}
.contactli .right{ display:none}
.contactli .left{ float:left;width:100%;}
.contactli .left .title{ font-size:30px; line-height:1;}

.contactli .left .dp{ line-height:1.5;  color:#666666; font-size:16px; padding-top:10px; line-height:1.5; padding-left:10px; padding-right:10px;}
.contactin{ display:block;	/*border: 1px solid #dddddd;*/ padding:10px; padding-top:20px; padding-bottom:20px; background-color:#f5f5f5; clear:both; margin-top:50px;}
.contactin .item {
	float:left;
	width:48%;
	margin-left:1%;
	margin-right:1%;
	text-align:center;

}
.contactin .item .icon{ line-height:1;}
.contactin .item  .icon i{ font-size:35px;}
.contactin .item  .title{ font-size:16px;}
.contactin .item  .btn{ padding-top:10px;}
.contactin .item  .btn span{
	display:inline-block;
	border: 1px solid #666666; padding-left:20px; padding-right:20px;border-radius:10px; cursor:pointer;
}
.leftnav{}
.leftnav .line{ display:none;}
.leftnav ul li{ position:relative;}
.leftnav ul li.hover:after,.leftnav ul li.active:after{content:''; width:100%;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;content:'';   height: 5px; 

    background: -webkit-linear-gradient(right,red,#EF6914,#FEA357); 

    background: -o-linear-gradient(right,red,#EF6914,#FEA357); 

    background: -moz-linear-gradient(right,red,#EF6914,#FEA357); 

    background: linear-gradient(right,red,#EF6914,#FEA357);  position:absolute; bottom:0px;  left:0px;}
.leftnav ul li a { padding-left:15px; padding-right:15px; padding-bottom:20px;}
#cms,#cms1{ margin-top:20px;}


.banner .phone,.flash .phone{ display:block;}
.banner .pc,.flash .pc{ display:none;}

/*首页*/
.flash .swiper-slide .txt .h1{
	font-size:50px;

}

.flash .swiper-slide .txt .h2{ margin-top:100px;
	font-size:20px;
	
}
.flash .swiper-slide-active .txt .h2{ margin-top:0px;}
.flash .swiper-slide-active .txt{top:50%;Opacity:1;}
.intop,body.in .intop { height:50px;}


.flash .swiper-pagination .swiper-pagination-bullet-active:after,.flash .swiper-pagination .swiper-pagination-bullet:after{ display:none;}
.flash .swiper-pagination .swiper-pagination-bullet{
    width:12px;
	height:12px;
	margin-right:5px;margin-bottom:0px;border: 2px solid #ffffff;}
.flash .swiper-pagination .swiper-pagination-bullet-active{border-color:#f8700e;}	
.flash .swiper-pagination .swiper-pagination-bullet:after,.flash .swiper-pagination .swiper-pagination-bullet-active::after{ display:none;}

.section { padding-top:30px; padding-bottom:30px;}
/*产品*/
.pro .econtent .picli{ padding-top:0px; padding-bottom:0px; margin-top:10px; margin-bottom:10px;}
.pro .econtent .picli .box{overflow:hidden;}
.pro .econtent .picli .img{ float:left; width:100%;}
.pro .econtent .picli .img img{ width:100%;}
.pro .econtent .picli .right{ left:80%; left:10%; top:10%; height:80%;}
.pro .econtent .picli .right .title{ color:#FFFFFF;}
.pro .econtent .picli .right .sortname {color:#FFFFFF;}
.pro .econtent .picli .right .dp {color:#FFFFFF;}
/*媒体*/
.meta .metablock{ width:98%; float:left; margin-left:1%; margin-right:1%; padding-bottom:20px;}
.meta .metablock .econtent { min-height:0px;}
.meta{ padding-bottom:0px;}
.app{ padding-bottom:0px;}
.app .econtent { padding-top:0px;}
.app .econtent .picli .img{ max-height:280px;} 
.app .econtent .picli .title { font-size:24px;writing-mode:tb-rl;-webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.app .econtent .picli.hover .title { font-size:20px;writing-mode:horizontal-tb;}
.app .econtent .picli .img img{ max-height:100%;}
.app .econtent .picli .title { left:0px; width:100%; top:0px; height:100%; bottom:auto; box-sizing:border-box;display: flex;
    justify-content:center;
    align-items:center;}
	
	
.app .etitle{	background-image: url(a1phone.png);}	
.pro .etitle{	background-image: url(a2phone.png);}	
.meta .etitle{	background-image: url(a3phone.png);}	
.app .etitle span,.pro .etitle span, .meta .etitle span{
	background-image: url(textlinephone.png);
	background-position: -15px 19px; margin-left:20px;
}

.app .etitle a,.pro .etitle a, .meta .etitle a{font-size:32px;letter-spacing: 20px;}
#footnav{ display:block;}	

.news,.zhanhui{ clear:both; width:100%; margin:auto;padding-left:1%; padding-right:1%;}
.zhanhui{ background-color:#ffffff; width:100%; margin-top:50px; padding-left:1%; padding-right:1%; padding-top:30px; padding-bottom:0px;}
.indexnews .box{ width:100%; max-width:100%;}
.indexnews{ padding-bottom:0;}
.foot{ padding-bottom:70px; padding-top:20px;}

#cms .newsli,#cms .newsli3,#cms .picli{ width:100%;}
#cms .mli { margin-top:10px; margin-bottom:10px;}
#cms .mli .img, #cms .mli .r{ width:100%; clear:both;}
#cms .mli .r{ margin-top:10px;}
.photo{ line-height:1.5;}

}

@media screen and (max-width :480px){

.flash .swiper-slide .txt .h1{
	font-size:30px;

}

#cms .newli3,#cms .picli,#cms .newsli{ width:98%;}

.flash  .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:10px; left:0px;}
.flash  .swiper-container-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet{
	width:5px;
	height:5px;
	  margin-right:0px; 
}

.pro .econtent .picli  .more{ display:none}
}


@media screen and (max-width :320px){.contactin .item  .btn span{ padding-left:10px; padding-right:10px; font-size:12px;}}